<?php
//include 'config.php';
$lextitleErr = $lexcontextErr = $lexskillErr = "*";
	include 'config.php';

	function clean($text)
{
	$text = strip_tags($text);
	$text = trim($text);
    return ($text); //output clean text
};
?>
<!doctype HTML>
<title>Index</title>
<html>
	<head>
		<link href="css/dropzone.css" type="text/css" rel="stylesheet" />
		<link href="css/styles.css" type="text/css" rel="stylesheet" />
		<script src="dropzone.js"></script>
	</head>
	<body>
		<div class="overlayResult"></div>
		<div class="modalForm">
		<p class="modalTitle">New Lex 1/2</p>
		<div id = "formContainer" class="scrollable">
			<form action="fh-lex-desc.php" class="stdformbg" id="startlex" method="post">
					
					<div id ="title">	
						<h4>What's your lex about</h4>
						
						<label for="tb_lexTitle">Title</label>
						<span class="error"><?php echo $lextitleErr; ?></span>
						<input type="text" name="tb_lexTitle" id="tb_lexTitle" value=""/>
					</div>
									
					<div id ="contexts">
						<h4>Where'd you learn it?</h4>
						
						<label for="cb_context_1">Personal life</label>
						<input type="checkbox" name="context[]" id="cb_context_1" value="Personal life" />
						
						<label for="cb_context_2">Academic life</label>
						<input type="checkbox" name="context[]" id="cb_context_2" value="Academic life" />
						
						<label for="cb_context_3">Working life</label>
						<input type="checkbox" name="context[]" id="cb_context_3" value="Working life" />
					</div>
					<div id ="skills">
						<h4>What skill?</h4>
						<div>
							<input type="checkbox" name="cb_skill[]" id="cb_skill_1" value="Critical-thinking and problem-solving" />
							<label for="cb_skill_1" class ="skill">Critical-thinking and problem-solving</label>
						</div>
						<div>
							<input type="checkbox" name="cb_skill[]" id="cb_skill_2" value="Creativity and innovation" />
							<label for="cb_skill_2" class ="skill">Creativity and innovation</label>

						</div>
						<div>

							<input type="checkbox" name="cb_skill[]" id="cb_skill_3" value="Collaboration, teamwork and leadership" />
							<label for="cb_skill_3" class ="skill">Collaboration, teamwork and leadership</label>
						</div>
						<div>

							<input type="checkbox" name="cb_skill[]" id="cb_skill_4" value="Cross-cultural undertanding"/>
							<label for="cb_skill_4" class ="skill">Cross-cultural undertanding</label>
						</div>
						<div>
							<input type="checkbox" name="cb_skill[]" id="cb_skill_5" value="Communication and media fluency"/>
							<label for="cb_skill_5" class ="skill">Communication and media fluency</label>
						</div>
						<div>
							<input type="checkbox" name="cb_skill[]" id="cb_skill_6" value="Computing and ICT fluency"/>
							<label for="cb_skill_6" class ="skill">Computing and ICT fluency</label>
						</div>
						<div >
							<input type="checkbox" name="cb_skill[]" id="cb_skill_7" value="Career and learning self-reliance" />
							<label for="cb_skill_7" class ="skill">Career and learning self-reliance</label>
						</div>
					</div>

					<div>
						<button type="submit" id="startlexnext"  class="right btn " name="next">
							Next
						</button>
					</div>
			</form>
		</div>
		</div>
	</body>
</html>
